<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的粉丝</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/fans.css">
	<script src="js/html5shiv.min.js"></script>
	<script src="js/flexible.debug.js"></script>
	<script src="js/flexible_css.debug.js"></script>
</head>
<body>
	<header class="fans_header">
		<span class="left"><a href="my.html"><img src="img/fanhui@2x.png" alt=""></a></span>
		<span class="center">粉丝</span>
		<span class="right"></span>
	</header>
	<section>
	<div class="guanzhu">
		<dl class="fans_dl">
			<dt>
				<img src="img/fans_tou_03.png" alt="">
			</dt>
			<dd>
				<h3>大雄</h3>
				<span>这家伙很懒什么都没留下...</span>
			</dd>
		</dl>
		<div  class="fas_guan">
		<p>关注</p>
		</div>
	</div>
	<div class="guanzhu">
		<dl class="fans_dl">
			<dt>
				<img src="img/fans_tou_07.png" alt="">
			</dt>
			<dd>
				<h3>小夫</h3>
				<span>这家伙很懒什么都没留下...</span>
			</dd>
		</dl>
		<div  class="fas_guan">
		<p>关注</p>
		</div>
	</div>
	<div class="guanzhu">
		<dl class="fans_dl">
			<dt>
				<img src="img/fans_tou_03.png" alt="">
			</dt>
			<dd>
				<h3>大雄</h3>
				<span>这家伙很懒什么都没留下...</span>
			</dd>
		</dl>
		<div  class="fas_guan">
		<p>关注</p>
		</div>
	</div>
	<div class="guanzhu">
		<dl class="fans_dl">
			<dt>
				<img src="img/fans_tou_07.png" alt="">
			</dt>
			<dd>
				<h3>小夫</h3>
				<span>这家伙很懒什么都没留下...</span>
			</dd>
		</dl>
		<div  class="fas_guan">
		<p>关注</p>
		</div>
	</div>
	<div class="guanzhu">
		<dl class="fans_dl">
			<dt>
				<img src="img/fans_tou_03.png" alt="">
			</dt>
			<dd>
				<h3>大雄</h3>
				<span>这家伙很懒什么都没留下...</span>
			</dd>
		</dl>
		<div  class="fas_guan">
		<p>关注</p>
		</div>
	</div>
	<div class="guanzhu">
		<dl class="fans_dl">
			<dt>
				<img src="img/fans_tou_07.png" alt="">
			</dt>
			<dd>
				<h3>小夫</h3>
				<span>这家伙很懒什么都没留下...</span>
			</dd>
		</dl>
		<div  class="fas_guan">
		<p>关注</p>
		</div>
	</div>
	<div class="guanzhu">
		<dl class="fans_dl">
			<dt>
				<img src="img/fans_tou_03.png" alt="">
			</dt>
			<dd>
				<h3>大雄</h3>
				<span>这家伙很懒什么都没留下...</span>
			</dd>
		</dl>
		<div  class="fas_guan">
		<p>关注</p>
		</div>
	</div>

	
	<div class="guanzhu">
		<dl class="fans_dl">
			<dt>
				<img src="img/fans_tou_07.png" alt="">
			</dt>
			<dd>
				<h3>小夫</h3>
				<span>这家伙很懒什么都没留下...</span>
			</dd>
		</dl>
		<div  class="fas_guan">
		<p>关注</p>
		</div>
	</div>
	</section>
</body>
<script src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
	$(function(){
		$('.fas_guan').click(function(){
			if($(this).children().html() == '关注'){
				$(this).children().addClass('fas_guanOn');
				$(this).children().html('已关注');
			}else{
				$(this).children().removeClass('fas_guanOn');
				$(this).children().html('关注');
			}
		})
	})
</script>
</html>